<!doctype html>
<html>
<head>
	<title></title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="Pragma" content="no-cache" />
	<meta http-equiv="Cache-Control" content="no-cache, must-revalidate" />
	<meta http-equiv="Expires" content="0" />
	<script>
		 document.write("<link type='text/css' href='zhijiang.css?version=" + new Date().getTime() + "' rel='stylesheet' />"); 
		<!-- document.write("<link type='text/css' href='test.css?version=" +　"456787" + "' rel='stylesheet' />"); -->
	</script>
</head>
<body>
<div class="left" >
<!--    <div style="position:absolute;left:0;top:0">test</div> -->

	<div id="divPlugin" class="plugin" style="display:inline" ></div>
	<div id="divPlugin2" class="plugin" style="display:inline "></div>
	<div style="display:inline"><img src="./img/expand.jpg" onclick="changeSize();"/></div>
		<div >
		<table cellpadding="0" cellspacing="3" border="0">
			<tr>
			<td>
		<img id = "changeWindow" src="./img/SelArrangeWnd.png"  title="窗口切换" onclick="changeWndNum(2)" />
		<img id = "fullScreen" src="./img/FullScreen.png"  title="全屏" onclick="clickFullScreen()" />
		</td>
		</tr>
	</table>
		</div>
	</div>

	
	
<div class="left">
	<fieldset class="ptz" id="ptzControl">
		<legend display="none">云台控制</legend>
		<table cellpadding="0" cellspacing="3" border="0" class="left" >
			<tr>
				<td><!-- 云台控制，依次是左上、上、右上 -->
				 <img id = "PTZupLeft" src="./img/left_up.png" title="左上" onmousedown="mouseDownPTZControl(5);" onmouseup="mouseUpPTZControl();"/>
				 <img id = "PTZup" src="./img/up.png" title="上" onmousedown="mouseDownPTZControl(1);" onmouseup="mouseUpPTZControl();"  />
				<img id = "PTZupRight" src="./img/right_up.png" title="右上" onmousedown="mouseDownPTZControl(7);" onmouseup="mouseUpPTZControl();"/>
					
				</td>
			</tr>
			<tr> <!-- 云台控制，依次是左、自动、右 -->
				<td>
					<img id = "PTZleft" src="./img/left.png"  title="左" onmousedown="mouseDownPTZControl(3);" onmouseup="mouseUpPTZControl();" />
					<img  id = "PTZauto" src="./img/auto.png" title="自动" onclick="mouseDownPTZControl(9);" />
					<img id = "PTZright" src="./img/right.png" title="右"  onmousedown="mouseDownPTZControl(4);" onmouseup="mouseUpPTZControl();" />
				</td>
			</tr>
			<tr> <!-- 云台控制，依次是左下、下、右下-->
				<td>
					<img id = "PTZdownLeft" src="./img/left_down.png"  title="左下" onmousedown="mouseDownPTZControl(6);" onmouseup="mouseUpPTZControl();" />
					<img id = "PTZdown" src="./img/down.png" title="下" onmousedown="mouseDownPTZControl(2);" onmouseup="mouseUpPTZControl();" />
					<img id = "PTZdownRight" src="./img/right_down.png" title="右下" onmousedown="mouseDownPTZControl(8);" onmouseup="mouseUpPTZControl();" />
				</td>
			</tr>
	
		
	<!-- 云台控制，依次是变倍-、变倍+、变焦-、变焦+、光圈-、光圈+ -->
       
            <tr>
				<td>
				<img id = "PTZzoomIn" src="./img/add.png" title="调焦+" onmousedown="PTZZoomIn()" onmouseup="PTZZoomStop()">
				<img id = "PTZzoom" src="./img/zoom.png" title="调焦" >
				<img id = "PTZzoomOut" src="./img/reduce.png" title="调焦-" onmousedown="PTZZoomout()" onmouseup="PTZZoomStop()">
                
				</td>
                
            </tr>
            <tr>
                <td > 
				<img id = "PTZfocusIn" src="./img/add.png"  title="变焦+" onmousedown="PTZFocusIn()" onmouseup="PTZFoucusStop()">
				<img id = "PTZfocus" src="./img/focus.png" title="变焦" >
				<img id = "PTZfocusOut" src="./img/reduce.png"  title="变焦-" onmousedown="PTZFoucusOut()" onmouseup="PTZFoucusStop()">
				
                </td>
            </tr>
            <tr>
                <td >
				<img id = "PTZirisIn" src="./img/add.png"  title="光圈+" onmousedown="PTZIrisIn()" onmouseup="PTZIrisStop()">
				<img id = "PTZiris" src="./img/iris.png" title="光圈" >
				<img  id = "PTZirisOut" src="./img/reduce.png" title="光圈-" onmousedown="PTZIrisOut()" onmouseup="PTZIrisStop()">
				
                </td>
            </tr>
        </table>
		
	</div>



	<div class="left">
	<fieldset class="operate">
		<legend>操作信息</legend>
		<div id="opinfo" class="opinfo"></div>
	</fieldset>
	<fieldset class="callback">
		<legend>事件回调信息</legend>
		<div id="cbinfo" class="cbinfo"></div>
	</fieldset> 
</div>  
</body>
<script src="jquery-1.7.1.min.js"></script>
<script src="../codebase/webVideoCtrl.js"></script>
<script src="zhijiang.js"></script>
</html>